
/************** global.css - No need to modify ***************************************************/
html{fonts-size:100%;}
body{margin:0;padding:0;font-family: "microsoft yahei","Palatino Linotype", "Book Antiqua", Palatino, serif;background:#eee;font-size:1rem;}
body *{-webkit-tap-highlight-color: rgba(0,0,0,0);}
em,p,ul,dl,dt,dd,ins,h1,h2,h3,h4,form,h1,h2,h3,h4,ins{margin:0;padding:0;}
ins{text-decoration:none;}
em{font-style:normal;}
ul,ol{ list-style:none;}
input,select{ vertical-align:middle;}
input[type="text"]{border-radius:4px;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
img{border:0;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none}

.w-full{width:100%;}
.wrap100{width:100%;}
.w-mall,.w,.w-shop,.w-user{margin:0 auto;}
.col-sub,.col-main{float:left;}
.col-bottom{ clear:both}
.clearfix:after{ content:'\20'; display:block; overflow:hidden; height:0; clear:both;}
.clear,.clr{clear:both; overflow:hidden;width:0;margin:0;padding:0; height:0; line-height:0; font-size:0;}
.clearboth{ clear:both;}
.hidden{ display:none}
.overflowHidden{ overflow:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.inline-block{ display:inline-block;}
.block{ display:block}
.webkit-box{display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;}
.pointer{ cursor:pointer}
.yahei{font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
.price{ font-size:16px;color:#E4393C; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; font-weight:bold}

/* margin,padding */
.margin5{margin:5px;}
.margin10{margin:10px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.padding5{padding:5px;}
.padding10{padding:10px;}

/* text,color */
.fff{color:#fff;}
.f60{color:#ff6600;}
.f66{color:#666;}
.ddd{color:#ddd;}
.red{color:red;}

.fs18{font-size:18px}
.fs16{font-size:16px}
.fs14{font-size:14px}
.fs12{font-size:12px;}

.fw-normal{font-weight:normal;}
.strong{font-weight:bold;}
.center{ text-align:center}

/* border */
.border{border:1px #ddd solid}
.border-0{border:0;}
.border-t-0{border-top:0;}
.border-b-0{border-bottom:0;}
.border-top{border-top:1px #E5E5E5 solid;}
.border-bottom{border-bottom:1px #E5E5E5 solid;}
.border-left{border-left:1px #E5E5E5 solid}
.border-right{border-right:1px #E5E5E5 solid}

/* global banner */
.global-image-ads{ position:relative;text-align:center;padding:0px 10px;}
.global-image-ads a{width:100%;display:block;}
.global-image-ads a img{display:block;max-width:100%;}
.global-image-ads .global-image-ads-content{text-align:center; margin:0 auto}
.global-image-ads .global-image-ads-botton{position:absolute;right:2px;top:2px; height:16px; width:16px; text-align:center; background:#CC0000;color:#fff; line-height:16px; cursor:pointer; font-weight:bold; font-family:"Microsoft yahei"; font-size:100%; vertical-align:baseline}

/**************  global end  ***************************************************/





/************** common.css - Modified according to the situation ***************************************************/

a{color:#666;}
a:hover{color:#B00000; text-decoration:none}

.w-mall,.w{min-width:320px; max-width:640px;margin:0 auto;}
.w-shop{}
.w-user{}

img.lazyload{background:#fff url(../images/loading.gif) no-repeat center center;}


/* notice animation */
.animation{
	-webkit-animation:wobble 1s .2s ease both;
	-moz-animation:wobble 1s .2s ease both;}
	@-webkit-keyframes wobble{
	0%{-webkit-transform:translateY(0%)}
	15%{-webkit-transform:translateY(-25%) rotate(-5deg)}
	30%{-webkit-transform:translateY(20%) rotate(3deg)}
	45%{-webkit-transform:translateY(-15%) rotate(-3deg)}
	60%{-webkit-transform:translateY(10%) rotate(2deg)}
	75%{-webkit-transform:translateY(-5%) rotate(-1deg)}
	100%{-webkit-transform:translateY(0%)}
	}
	@-moz-keyframes wobble{
	0%{-moz-transform:translateY(0%)}
	15%{-moz-transform:translateY(-25%) rotate(-5deg)}
	30%{-moz-transform:translateY(20%) rotate(3deg)}
	45%{-moz-transform:translateY(-15%) rotate(-3deg)}
	60%{-moz-transform:translateY(10%) rotate(2deg)}
	75%{-moz-transform:translateY(-5%) rotate(-1deg)}
	100%{-moz-transform:translateY(0%)}
}


/* pageinfo */

.page-format{border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;background:#fff;}
.page-format .wrap{position: relative;width:100%;height: 2.5rem;line-height: 2.5rem;text-align: center;}
.page-format .wrap .page-num {position: relative;display: inline-block;padding-right: 1.25rem;color: #999999;}
.page-format .wrap .page-num i{position: absolute;top: 1.063rem;right: 0;display: block;width: 0.75rem;height: 0.438rem;background-image: url(../images/icon16.png);background-repeat: no-repeat;background-size: 100%;}
.page-format .wrap .former{position: absolute;top: 0;left: 2.5rem;color: #999999;}
.page-format .wrap .down{position: absolute;top: 0;right:2.5rem;color: #999999;}


/* site-nav */

#site-nav{ }

/************** common end ***************************************************/
